div,p,a,span,h2{padding:0; margin:0; }
/*body{font-family: SimSun, Arial, "Arial Narrow", HELVETICA;}*/
body {
    height: 100%;
	background:#F6F8F9;
    /*font: 400 1em/1.8 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;*/
}

.wrap{ margin:10px auto; max-width:1000px; }
.item{ margin:10px 5px; 
	padding:10px;
	border:1px solid #eee; background:white;
	border-radius:10px;
	overflow:hidden;
	
	transition: box-shadow 0.35s;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.item:hover{
	transition:box-shadow .25s;
	box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.19)
}

.small{/*color: #eb7350;*/
	line-height: 26px;
	white-space: nowrap;
	padding-right:20px;
	font-size:12px;
	text-decoration:none;
}

.hide{display:none;}
.wrap h2{border-bottom:1px dashed #eee; margin:0px; padding:0 10px;}
.wrap p span{font-size:15px; }

.button {
    background: url("%3D%3D") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    /*font-size: 15px;*/
    font-weight: bold;
    margin-right: 10px; 
    padding: 5px 12px;
    text-decoration: none;

    
	border-radius:10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 10px;
	
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	
	margin-top: 5px;
	margin-bottom: 5px;
}
.button.red {    background-color: #FF0000;}/*e62727  E33100  2DAEBF*/
.button.orange {    background-color: #ff5c00;}
.button.yellow {    background-color: #FFB515;}
.button.green {   background-color: #6ABF4D;  }
.button.blue {    background-color: #2981e4;  }
.button.purple {    background-color: #B400FF;}

.button.pink {    background-color: #FF0097;}
.button.black {   background-color: #333333;}

.button.white {    background-color: #EEEEEE;    color: #555555;}


/* links style*/
a{ color: #44B549; text-decoration: none; }
a:hover{ text-decoration: underline; }


/*sizes of button*/
.small.button, .small.button:visited  { font-size: 90%}
.button, .button:visited,
.medium.button, .medium.button:visited { font-size: 120%;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.large.button, .large.button:visited { font-size: 120%;
	padding: 8px 14px 9px; }

.super.button, .super.button:visited { font-size: 150%;
	padding: 8px 14px 9px; }






.button:hover {
    background-image: url("");
}
	
.footer{    margin-top: 50px;
    padding: 20px 0;
    background: #000;
    color: #fff;
    font-family: '微软雅黑';
    text-align: center;
    width: 100%;
}


/*顶部小标题的链接,底部链接*/
h1 a, .footer a{ color:#eb7350}
h1 a:hover, .footer a:hover{color:#FFD1C3 }




/*片段*/
p{margin:10px 0; }

.comment{border:1px solid #e3e3e3; margin:20px 0;padding:10px; font-size:12px; color:#aaa;
    border-bottom-color: #e0e0e0;
    border-right-color: #ececec;
    box-shadow: 1px 2px 1px rgba(0,0,0,.072);
    -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,.072);
    -moz-box-shadow: 1px 2px 1px rgba(0,0,0,.072);
    -o-box-shadow: 1px 2px 1px rgba(0,0,0,.072);
}
span.red{color:red}
.grey{color:#ccc;}

li img{height:140px;}

/* 如果太窄，则不显示简介内容 */
@media screen and (max-width: 800px) {
	.wrap{width:100%;}
	
  .item p span {
    display:none;
  }
  .item p span a.button{
	  display:inline-block;
  }
  .button{
	  border-radius:0px;
  }
}



